</div>
</div>
<div class="navbar navbar-default navbar-fixed-bottom" id="bottom">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#" id="title_bottom">My WebSite</a>
        </div>
        <div>
            <p class="navbar-text">发表于：<span id="time_bottom"></span></p>
        </div>
        <div class="navbar-right">
            <p class="navbar-text">
                <span class="glyphicon glyphicon-thumbs-up"></span>
                &nbsp;&nbsp;
                <span id="goodnum_bottom">0</span>
                &nbsp;&nbsp;
                <span class="glyphicon glyphicon-edit"></span>
                &nbsp;&nbsp;
                <span id="commentnum_bottom">0</span>
                &nbsp;&nbsp;
                <span class="glyphicon glyphicon-share"></span>
            </p>
        </div>
    </div>
</div>
    <div class="footer text-center" >
        <span>
            推荐使用Firefox或Chorm来获得最佳浏览体验
            <br/><a href="#" style="font-family:serif">About me</a>
            <br/><em style="font-family:serif">Author: Zhangjy</em>
            <br/><a href="mailto:zhangjy1214@hotmail.com" style="font-family:serif"><em>zhangjy1214@hotmail.com</em></a>
            <br/>致谢：<a href="http://glyphicons.com/">Glyphicons</a>,<a href="http://www.runoob.com/">Runoob</a>
        </span>
    </div>

</body>
</html>
